{"componentChunkName":"component---src-templates-blog-post-js","path":"/Today I Learned/RXJS_of()/","result":{"data":{"site":{"siteMetadata":{"title":"JULog","author":"[Ju Chan Hwang]","siteUrl":"https://julog.netlify.app","comment":{"disqusShortName":"","utterances":"JuChanHwang/gatsby-starter-bee"},"sponsor":{"buyMeACoffeeId":"jbee"}}},"markdownRemark":{"id":"1028c1e3-6bef-5d0b-bbfb-8c37d94b9fbf","excerpt":"of operator ⇒ 인수를 연속적인 observable 형태로 변환한다 EX) emitting an object, array, and function Each argument becomes a next notification. https://rxjs.dev/assets/images/marble-diagrams/of.png","html":"

of operator

\n

⇒ 인수를 연속적인 observable 형태로 변환한다

\n

EX) emitting an object, array, and function

\n
  // RxJS v6+\n  import { of } from 'rxjs';\n  //emits values of any type\n  const source = of({ name: 'Brian' }, [1, 2, 3], function hello() {\n    return 'Hello';\n  });\n  \n  const subscribe = source.subscribe(val => console.log(val));\n  //output: {name: 'Brian'}, [1,2,3], function hello() { return 'Hello' }\n\n  import { of } from 'rxjs';\n   \n  of(10, 20, 30)\n  .subscribe(\n    next => console.log('next:', next),\n    err => console.log('error:', err),\n    () => console.log('the end'),\n  );\n  // result:\n  // 'next: 10'\n  // 'next: 20'\n  // 'next: 30'
\n
\n

Each argument becomes a next notification.

\n
\n

\"https://rxjs.dev/assets/images/marble-diagrams/of.png\"

","frontmatter":{"title":"RXJS of()","date":"November 20, 2019"}}},"pageContext":{"slug":"/Today I Learned/RXJS_of()/","previous":{"fields":{"slug":"/Today I Learned/반응형_폼_유효성검사/"},"frontmatter":{"title":"반응형 폼 유효성 검사","category":"Today I Learned","draft":false}},"next":{"fields":{"slug":"/Today I Learned/클래스와_인터페이스/"},"frontmatter":{"title":"클래스와 인터페이스","category":"Today I Learned","draft":false}}}},"staticQueryHashes":["3128451518","96099027"]}